<template>
  <div>
    <Test6 />
    <Test6>
        <!-- 这里的内容会添加到无名的插槽里面 -->
      <h1>测试</h1>
    </Test6>
    <!-- <Test7/> -->
    <!-- 不给slot -->
    <Test7>
      <!-- 只显示Test7组件里面的内容 因为Test7的所有插槽都是有名的-->
      <h1>123456789</h1>
    </Test7>
    <Test7>
    <!-- Vue3语法  将Test7里面head插槽的内容替换成如下-->
    <template v-slot:head>
        <h1>我替换了Test7的head插槽</h1>
      </template>
    <template v-slot:foot>
        <h1>我替换了Test7的foot插槽</h1>
      </template>
    </Test7>
  </div>
</template>
<script>
import Test6 from './Test6.vue'
import Test7 from './Test7.vue'
export default {
  components: {
    Test6: Test6,
    Test7: Test7,
  },
}
</script>